<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        . title. text,.lianxiren .text{
            line-height: 60px;
            font-weight: 500;
        }
        .lianxiren>a{
            background-color: #cbcbcb;
            display: block;
            color: #5f5f5f;
            text-decoration: none;
            padding: 3px 10px;
            font-size: 0.875rem;
        }
    </style>
    <link href="../css/base.css" rel="stylesheet"/>
</head>
<body>
<div>
    <header>
    <p class="title">发现</p>
        <div class="icon">
            <img width="21" height="21" src="../img/img_weixin/search.svg">
            <img width="21" height="21" style="margin-left: 10px"
                 src="../img/img_weixin/add.svg">
        </div>
    </header>
    <ul>
        <li>
            <img src="../img/img_faxian/penyouquan.svg">
            <section class="text">
                朋友圈
            </section>
        </li>
        <li>
            <img src="../img/img_faxian/shipinhao.svg">
            <section class="text">
                视频号
            </section>
        </li>
        <li>
            <img src="../img/img_faxian/zhibo.svg">
            <section class="text">
                直播
            </section>
        </li>
        <li>
            <img src="../img/img_faxian/saoyisao.svg">
            <section class="text">
                扫一扫
            </section>
        </li>
        <li>
            <img src="../img/img_faxian/tingyiting.svg">
            <section class="text">
                听一听
            </section>
        </li>
        <li>
            <img src="../img/img_faxian/kanyikan.svg">
            <section class="text">
                看一看
            </section>
        </li>
        <li>
            <img src="../img/img_faxian/souyisou.svg">
            <section class="text">
                搜一搜
            </section>
        </li>
        <li>
            <img src="../img/img_faxian/fujin.svg">
            <section class="text">
                附近
            </section>
        </li>
        <li>
            <img src="../img/img_faxian/shop.svg">
            <section class="text">
                购物
            </section>
        </li>
        <li>
            <img src="../img/img_faxian/game.svg">
            <section class="text">
                游戏
            </section>
        </li>
        <li>
            <img src="../img/img_faxian/chengxu.svg">
            <section class="text">
                小程序
            </section>
        </li>
    </ul>

</div>
<p ></p>
</body>
</html>